Produced by Araxis Merge on 2020-08-14 00:01:44 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | Porto v3.2.3/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type8.css | 2018-06-17 21:58:40 +0000 |
| 2 | Porto v3.2.4/Magento 2.x/Porto Theme/pub/media/porto/web/css/header | type8.css | 2018-06-17 21:58:40 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 678 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | .page-header.type8:not(.header-newskin) .header.content{background-color:#08c} | 1 | .page-header.type8:not(.header-newskin) .header.content{background-color:#08c} | |||
| 2 | .page-header.type8:not(.header-newskin) .minicart-wrapper{position:absolute;top:50%;right:15px;margin-top:-20px} | 2 | .page-header.type8:not(.header-newskin) .minicart-wrapper{position:absolute;top:50%;right:15px;margin-top:-20px} | |||
| 3 | .page-header.type8:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type8:not(.header-newskin) .minicart-wrapper .action.showcart.active:before{color:#fff} | 3 | .page-header.type8:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type8:not(.header-newskin) .minicart-wrapper .action.showcart.active:before{color:#fff} | |||
| 4 | .page-header.type8:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{color:#000} | 4 | .page-header.type8:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{color:#000} | |||
| 5 | 5 | |||||
| 6 | @media only screen and (max-width:767px){ | 6 | @media only screen and (max-width:767px){ | |||
| 7 | .page-header.type8:not(.header-newskin) .nav-toggle{float:right} | 7 | .page-header.type8:not(.header-newskin) .nav-toggle{float:right} | |||
| 8 | .page-header.type8:not(.header-newskin) .logo{height:40px;float:left;margin:10px 0} | 8 | .page-header.type8:not(.header-newskin) .logo{height:40px;float:left;margin:10px 0} | |||
| 9 | .page-header.type8:not(.header-newskin) .logo img{max-width:100%;max-height:100%;width:auto} | 9 | .page-header.type8:not(.header-newskin) .logo img{max-width:100%;max-height:100%;width:auto} | |||
| 10 | .page-header.type8:not(.header-newskin) .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right} | 10 | .page-header.type8:not(.header-newskin) .minicart-wrapper{position:relative;top:auto;right:auto;left:auto;margin:10px 0;float:right} | |||
| 11 | .page-header.type8:not(.header-newskin) .block-search{float:none;margin-bottom:0} | 11 | .page-header.type8:not(.header-newskin) .block-search{float:none;margin-bottom:0} | |||
| 12 | .page-header.type8:not(.header-newskin) .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:10px} | 12 | .page-header.type8:not(.header-newskin) .block-search .label{float:right;margin:10px 0;line-height:40px;margin-right:10px} | |||
| 13 | .page-header.type8:not(.header-newskin) .block-search .label:before{color:#fff} | 13 | .page-header.type8:not(.header-newskin) .block-search .label:before{color:#fff} | |||
| 14 | .page-header.type8:not(.header-newskin) .custom-block{display:none} | 14 | .page-header.type8:not(.header-newskin) .custom-block{display:none} | |||
| 15 | .page-header.type8:not(.header-newskin) .sw-megamenu.navigation.side-megamenu{display:block} | 15 | .page-header.type8:not(.header-newskin) .sw-megamenu.navigation.side-megamenu{display:block} | |||
| 16 | .page-header.type8:not(.header-newskin) .nav-toggle:before{color:#fff} | 16 | .page-header.type8:not(.header-newskin) .nav-toggle:before{color:#fff} | |||
| 17 | .page-header.type8:not(.header-newskin) .custom-menu-block,.page-header.type8:not(.header-newskin) .drop-menu>a{display:none} | 17 | .page-header.type8:not(.header-newskin) .custom-menu-block,.page-header.type8:not(.header-newskin) .drop-menu>a{display:none} | |||
| 18 | } | 18 | } | |||
| 19 | @media all and (min-width:768px),print{ | 19 | @media all and (min-width:768px),print{ | |||
| 20 | .page-header.type8:not(.header-newskin){background-color:transparent;color:#777;border:0} | 20 | .page-header.type8:not(.header-newskin){background-color:transparent;color:#777;border:0} | |||
| 21 | .page-header.type8:not(.header-newskin)>.panel.wrapper{background-color:transparent;color:#777} | 21 | .page-header.type8:not(.header-newskin)>.panel.wrapper{background-color:transparent;color:#777} | |||
| 22 | .page-header.type8:not(.header-newskin) .panel.header .switcher{border-left:1px solid #ccc;padding:0 15px} | 22 | .page-header.type8:not(.header-newskin) .panel.header .switcher{border-left:1px solid #ccc;padding:0 15px} | |||
| 23 | .page-header.type8:not(.header-newskin) .panel.header .switcher:first-child{border-left:0;padding-left:0} | 23 | .page-header.type8:not(.header-newskin) .panel.header .switcher:first-child{border-left:0;padding-left:0} | |||
| 24 | .page-header.type8:not(.header-newskin) .panel.header .switcher:last-child{padding-right:0} | 24 | .page-header.type8:not(.header-newskin) .panel.header .switcher:last-child{padding-right:0} | |||
| 25 | .page-header.type8:not(.header-newskin) .panel.header .header.links>li>a{color:#777} | 25 | .page-header.type8:not(.header-newskin) .panel.header .header.links>li>a{color:#777} | |||
| 26 | .page-header.type8:not(.header-newskin) .panel.header .header.links>li>a:hover{color:#777} | 26 | .page-header.type8:not(.header-newskin) .panel.header .header.links>li>a:hover{color:#777} | |||
| 27 | .page-header.type8:not(.header-newskin) .menu-wrapper{position:relative;background-color:#fff;border-bottom:1px solid #eee} | 27 | .page-header.type8:not(.header-newskin) .menu-wrapper{position:relative;background-color:#fff;border-bottom:1px solid #eee} | |||
| 28 | .page-header.type8:not(.header-newskin) .block-search input{background-color:#fff;color:#777;border-color:#ccc;height:32px} | 28 | .page-header.type8:not(.header-newskin) .block-search input{background-color:#fff;color:#777;border-color:#ccc;height:32px} | |||
| 29 | .page-header.type8:not(.header-newskin) .block-search .action.search{border-left:1px solid #ccc;padding:0 10px;height:32px;line-height:32px} | 29 | .page-header.type8:not(.header-newskin) .block-search .action.search{border-left:1px solid #ccc;padding:0 10px;height:32px;line-height:32px} | |||
| 30 | .page-header.type8:not(.header-newskin) .block-search .action.search:focus:before{color:#777} | 30 | .page-header.type8:not(.header-newskin) .block-search .action.search:focus:before{color:#777} | |||
| 31 | .page-header.type8:not(.header-newskin) .block-search .action.search:before,.page-header.type8:not(.header-newskin) .block-search .action.search:hover:before{color:#777} | 31 | .page-header.type8:not(.header-newskin) .block-search .action.search:before,.page-header.type8:not(.header-newskin) .block-search .action.search:hover:before{color:#777} | |||
| 32 | .page-header.type8:not(.header-newskin) .block-search .action.search:hover{border-left-width:1px} | 32 | .page-header.type8:not(.header-newskin) .block-search .action.search:hover{border-left-width:1px} | |||
| 33 | .page-header.type8:not(.header-newskin) .custom-block{height:40px;line-height:40px;position:absolute;top:50%;right:60px;margin-top:-20px;font-size:14px;color:#fff} | 33 | .page-header.type8:not(.header-newskin) .custom-block{height:40px;line-height:40px;position:absolute;top:50%;right:60px;margin-top:-20px;font-size:14px;color:#fff} | |||
| 34 | .page-header.type8:not(.header-newskin) .custom-block>*{display:inline-block;vertical-align:middle;color:#fff} | 34 | .page-header.type8:not(.header-newskin) .custom-block>*{display:inline-block;vertical-align:middle;color:#fff} | |||
| 35 | .page-header.type8:not(.header-newskin) .custom-block>a{font-size:12px} | 35 | .page-header.type8:not(.header-newskin) .custom-block>a{font-size:12px} | |||
| 36 | .page-header.type8:not(.header-newskin) .nav-sections{transition:.3s all} | 36 | .page-header.type8:not(.header-newskin) .nav-sections{transition:.3s all} | |||
| 37 | .page-header.type8:not(.header-newskin) .nav-sections.visible{visibility:visible;opacity:1;background-color:#fff} | 37 | .page-header.type8:not(.header-newskin) .nav-sections.visible{visibility:visible;opacity:1;background-color:#fff} | |||
| 38 | .page-header.type8.sticky-header:not(.header-newskin) .menu-container{position:fixed;width:100%;top:0;left:0;z-index:200;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.15)} | 38 | .page-header.type8.sticky-header:not(.header-newskin) .menu-container{position:fixed;width:100%;top:0;left:0;z-index:200;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.15)} | |||
| 39 | .page-header.type8.sticky-header:not(.header-newskin) .menu-wrapper{position:relative} | 39 | .page-header.type8.sticky-header:not(.header-newskin) .menu-wrapper{position:relative} | |||
| 40 | .page-header.type8.sticky-header:not(.header-newskin) .navigation{padding:0} | 40 | .page-header.type8.sticky-header:not(.header-newskin) .navigation{padding:0} | |||
| 41 | .page-header.type8.sticky-header:not(.header-newskin) .navigation li.level0>.level-top{padding:0 5px;line-height:41px} | 41 | .page-header.type8.sticky-header:not(.header-newskin) .navigation li.level0>.level-top{padding:0 5px;line-height:41px} | |||
| 42 | .page-header.type8.sticky-header:not(.header-newskin) .navigation li.level0.parent>a:after{line-height:41px} | 42 | .page-header.type8.sticky-header:not(.header-newskin) .navigation li.level0.parent>a:after{line-height:41px} | |||
| 43 | .page-header.type8.sticky-header:not(.header-newskin) .navigation li.level0>a>span.cat-label{top:-1px} | 43 | .page-header.type8.sticky-header:not(.header-newskin) .navigation li.level0>a>span.cat-label{top:-1px} | |||
| 44 | .page-header.type8.sticky-header:not(.header-newskin) .sticky-logo{margin-left:15px} | 44 | .page-header.type8.sticky-header:not(.header-newskin) .sticky-logo{margin-left:15px} | |||
| 45 | .page-header.type8.sticky-header:not(.header-newskin) .sticky-logo .logo img{margin-top:5px;margin-right:0} | 45 | .page-header.type8.sticky-header:not(.header-newskin) .sticky-logo .logo img{margin-top:5px;margin-right:0} | |||
| 46 | .page-header.type8.sticky-header:not(.header-newskin) .nav-sections{position:absolute !important;top:100% !important;left:15px !important;width:100% !important;width:calc(100% - 30px) !important;box-shadow:0 0 20px rgba(0,0,0,0.4);padding:0 !important} | 46 | .page-header.type8.sticky-header:not(.header-newskin) .nav-sections{position:absolute !important;top:100% !important;left:15px !important;width:100% !important;width:calc(100% - 30px) !important;box-shadow:0 0 20px rgba(0,0,0,0.4);padding:0 !important} | |||
| 47 | .page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart.active:before{color:#000} | 47 | .page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart:before,.page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart.active:before{color:#000} | |||
| 48 | .page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{color:#fff} | 48 | .page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart .counter.qty{color:#fff} | |||
| 49 | } | 49 | } | |||
| 50 | 50 | |||||
| 51 | .page-header.type8.header-newskin .header.content { | 51 | .page-header.type8.header-newskin .header.content { | |||
| 52 | background-color: #fff; | 52 | background-color: #fff; | |||
| 53 | } | 53 | } | |||
| 54 | .page-header.type8.header-newskin .minicart-wrapper { | 54 | .page-header.type8.header-newskin .minicart-wrapper { | |||
| 55 | position: absolute; | 55 | position: absolute; | |||
| 56 | top: 50%; | 56 | top: 50%; | |||
| 57 | right: 15px; | 57 | right: 15px; | |||
| 58 | margin-top: -16px; | 58 | margin-top: -16px; | |||
| 59 | } | 59 | } | |||
| 60 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart {color: #fff;} | 60 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart {color: #fff;} | |||
| 61 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart:before, | 61 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart:before, | |||
| 62 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart.active:before { | 62 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart.active:before { | |||
| 63 | color: #fff; | 63 | color: #fff; | |||
| 64 | } | 64 | } | |||
| 65 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart .counter.qty { | 65 | .page-header.type8.header-newskin .minicart-wrapper .action.showcart .counter.qty { | |||
| 66 | right: 18px; | 66 | right: 18px; | |||
| 67 | margin-top: -18px; | 67 | margin-top: -18px; | |||
| 68 | background-color: #f45b91; | 68 | background-color: #f45b91; | |||
| 69 | } | 69 | } | |||
| 70 | .page-header.type8.header-newskin .minicart-wrapper .block-minicart {right: -15px;} | 70 | .page-header.type8.header-newskin .minicart-wrapper .block-minicart {right: -15px;} | |||
| 71 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart {color: #999;} | 71 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart {color: #999;} | |||
| 72 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart:before, .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart.active:before {color: #465157;} | 72 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart:before, .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart.active:before {color: #465157;} | |||
| 73 | .page-header.type8.header-newskin .menu-wrapper:after { | 73 | .page-header.type8.header-newskin .menu-wrapper:after { | |||
| 74 | content: ""; | 74 | content: ""; | |||
| 75 | display: table; | 75 | display: table; | |||
| 76 | clear: both; | 76 | clear: both; | |||
| 77 | } | 77 | } | |||
| 78 | .page-header.type8.header-newskin .sticky-header .drop-menu { | 78 | .page-header.type8.header-newskin .sticky-header .drop-menu { | |||
| 79 | margin-left: 20px; | 79 | margin-left: 20px; | |||
| 80 | } | 80 | } | |||
| 81 | .page-header.type8.header-newskin :not(.sticky-header) .minicart-wrapper .block-minicart:before { | 81 | .page-header.type8.header-newskin :not(.sticky-header) .minicart-wrapper .block-minicart:before { | |||
| 82 | right: 51px; | 82 | right: 51px; | |||
| 83 | } | 83 | } | |||
| 84 | .page-header.type8.header-newskin :not(.sticky-header) .minicart-wrapper .block-minicart:after { | 84 | .page-header.type8.header-newskin :not(.sticky-header) .minicart-wrapper .block-minicart:after { | |||
| 85 | right: 50px; | 85 | right: 50px; | |||
| 86 | } | 86 | } | |||
| 87 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper { | 87 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper { | |||
| 88 | width: auto; | 88 | width: auto; | |||
| 89 | } | 89 | } | |||
| 90 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart { | 90 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart { | |||
| 91 | padding-right: 5px; | 91 | padding-right: 5px; | |||
| 92 | } | 92 | } | |||
| 93 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart:after { | 93 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart:after { | |||
| 94 | display: none; | 94 | display: none; | |||
| 95 | } | 95 | } | |||
| 96 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart .counter.qty { | 96 | .page-header.type8.header-newskin .sticky-header .minicart-wrapper .action.showcart .counter.qty { | |||
| 97 | right: 0; | 97 | right: 0; | |||
| 98 | } | 98 | } | |||
| 99 | .page-header.type8.header-newskin .nav-toggle { | 99 | .page-header.type8.header-newskin .nav-toggle { | |||
| 100 | float: right; | 100 | float: right; | |||
| 101 | } | 101 | } | |||
| 102 | .page-header.type8.header-newskin .block-search .action.search:before { | 102 | .page-header.type8.header-newskin .block-search .action.search:before { | |||
| 103 | content: '\e884'; | 103 | content: '\e884'; | |||
| 104 | } | 104 | } | |||
| 105 | @media (min-width: 768px) { | 105 | @media (min-width: 768px) { | |||
| 106 | .page-header.type8.header-newskin { | 106 | .page-header.type8.header-newskin { | |||
| 107 | background-color: transparent; | 107 | background-color: transparent; | |||
| 108 | color: #999; | 108 | color: #999; | |||
| 109 | border: 0; | 109 | border: 0; | |||
| 110 | } | 110 | } | |||
| 111 | .page-header.type8.header-newskin .logo { | 111 | .page-header.type8.header-newskin .logo { | |||
| 112 | margin: 30px 0; | 112 | margin: 30px 0; | |||
| 113 | } | 113 | } | |||
| 114 | .page-header.type8.header-newskin >.panel.wrapper { | 114 | .page-header.type8.header-newskin >.panel.wrapper { | |||
| 115 | background-color: transparent; | 115 | background-color: transparent; | |||
| 116 | color: #999; | 116 | color: #999; | |||
| 117 | letter-spacing: 0.025em; | 117 | letter-spacing: 0.025em; | |||
| 118 | } | 118 | } | |||
| 119 | .page-header.type8.header-newskin .panel.header .switcher { | 119 | .page-header.type8.header-newskin .panel.header .switcher { | |||
| 120 | padding: 0 30px 0 0; | 120 | padding: 0 30px 0 0; | |||
| 121 | text-transform: uppercase; | 121 | text-transform: uppercase; | |||
| 122 | } | 122 | } | |||
| 123 | .page-header.type8.header-newskin .header.content { | 123 | .page-header.type8.header-newskin .header.content { | |||
| 124 | padding: 0 30px; | 124 | padding: 0 30px; | |||
| 125 | } | 125 | } | |||
| 126 | .page-header.type8.header-newskin .header.content { | 126 | .page-header.type8.header-newskin .header.content { | |||
| 127 | max-width: 690px; | 127 | max-width: 690px; | |||
| 128 | } | 128 | } | |||
| 129 | .page-header.type8 .header.panel > .header.links { | 129 | .page-header.type8 .header.panel > .header.links { | |||
| 130 | float: none; | 130 | float: none; | |||
| 131 | text-align: right; | 131 | text-align: right; | |||
| 132 | display: block; | 132 | display: block; | |||
| 133 | } | 133 | } | |||
| 134 | .page-header.type8 .header.panel > .header.links > li.compare { | 134 | .page-header.type8 .header.panel > .header.links > li.compare { | |||
| 135 | float: left; | 135 | float: left; | |||
| 136 | } | 136 | } | |||
| 137 | .page-header.type8 .header.panel > .header.links > li.compare > a { | 137 | .page-header.type8 .header.panel > .header.links > li.compare > a { | |||
| 138 | padding-left: 0; | 138 | padding-left: 0; | |||
| 139 | } | 139 | } | |||
| 140 | .page-header.type8.header-newskin .panel.header .header.links > li > a { | 140 | .page-header.type8.header-newskin .panel.header .header.links > li > a { | |||
| 141 | color: #999; | 141 | color: #999; | |||
| 142 | border:none; | 142 | border:none; | |||
| 143 | } | 143 | } | |||
| 144 | .page-header.type8.header-newskin .header .custom-block { | 144 | .page-header.type8.header-newskin .header .custom-block { | |||
| 145 | position: absolute; | 145 | position: absolute; | |||
| 146 | top: 50%; | 146 | top: 50%; | |||
| 147 | right: 100px; | 147 | right: 100px; | |||
| 148 | margin-top: -21px; | 148 | margin-top: -21px; | |||
| 149 | display: inline-block; | 149 | display: inline-block; | |||
| 150 | text-align: left; | 150 | text-align: left; | |||
| 151 | font-size: 11px; | 151 | font-size: 11px; | |||
| 152 | height: 42px; | 152 | height: 42px; | |||
| 153 | line-height: 1; | 153 | line-height: 1; | |||
| 154 | border-right: solid 1px #e4417b; | 154 | border-right: solid 1px #e4417b; | |||
| 155 | padding-right: 35px; | 155 | padding-right: 35px; | |||
| 156 | margin-right: 15px; | 156 | margin-right: 15px; | |||
| 157 | } | 157 | } | |||
| 158 | .page-header.type8.header-newskin .block-search {max-width: 420px;border-radius: 20px;overflow: hidden} | 158 | .page-header.type8.header-newskin .block-search {max-width: 420px;border-radius: 20px;overflow: hidden} | |||
| 159 | .page-header.type8.header-newskin .block-search input { | 159 | .page-header.type8.header-newskin .block-search input { | |||
| 160 | background-color: #fff; | 160 | background-color: #fff; | |||
| 161 | color: #777; | 161 | color: #777; | |||
| 162 | border-color: #ccc; | 162 | border-color: #ccc; | |||
| 163 | height: 38px; | 163 | height: 38px; | |||
| 164 | } | 164 | } | |||
| 165 | .page-header.type8.header-newskin .block-search .action.search { | 165 | .page-header.type8.header-newskin .block-search .action.search { | |||
| 166 | border-left: 1px solid #ccc; | 166 | border-left: 1px solid #ccc; | |||
| 167 | padding: 0 10px; | 167 | padding: 0 10px; | |||
| 168 | height: 38px; | 168 | height: 38px; | |||
| 169 | line-height: 38px; | 169 | line-height: 38px; | |||
| 170 | } | 170 | } | |||
| 171 | .page-header.type8.header-newskin .block-search .action.search:before, .page-header.type8.header-newskin .block-search .action.search:hover:before { | 171 | .page-header.type8.header-newskin .block-search .action.search:before, .page-header.type8.header-newskin .block-search .action.search:hover:before { | |||
| 172 | color: #999; | 172 | color: #999; | |||
| 173 | } | 173 | } | |||
| 174 | .page-header.type8.header-newskin .minicart-wrapper {right: 30px;} | 174 | .page-header.type8.header-newskin .minicart-wrapper {right: 30px;} | |||
| 175 | .page-header.type8.header-newskin .menu-wrapper { | 175 | .page-header.type8.header-newskin .menu-wrapper { | |||
| 176 | position: relative; | 176 | position: relative; | |||
| 177 | background-color: #fff; | 177 | background-color: #fff; | |||
| 178 | } | 178 | } | |||
| 179 | .page-header.type8.header-newskin .sticky-header .menu-container { | 179 | .page-header.type8.header-newskin .sticky-header .menu-container { | |||
| 180 | position: fixed; | 180 | position: fixed; | |||
| 181 | width: 100%; | 181 | width: 100%; | |||
| 182 | top: 0; | 182 | top: 0; | |||
| 183 | left: 0; | 183 | left: 0; | |||
| 184 | z-index: 200; | 184 | z-index: 200; | |||
| 185 | background-color: #fff; | 185 | background-color: #fff; | |||
| 186 | box-shadow: 0 1px 2px rgba(0,0,0,0.15); | 186 | box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |||
| 187 | } | 187 | } | |||
| 188 | .page-header.type8.header-newskin .sticky-header .sticky-logo { | 188 | .page-header.type8.header-newskin .sticky-header .sticky-logo { | |||
| 189 | margin-left: 15px; | 189 | margin-left: 15px; | |||
| 190 | } | 190 | } | |||
| 191 | .page-header.type8.header-newskin .sticky-header .sticky-logo .logo img { | 191 | .page-header.type8.header-newskin .sticky-header .sticky-logo .logo img { | |||
| 192 | margin-top: 5px; | 192 | margin-top: 5px; | |||
| 193 | margin-right: 0; | 193 | margin-right: 0; | |||
| 194 | } | 194 | } | |||
| 195 | .page-header.type8.header-newskin .sticky-header .nav-sections { | 195 | .page-header.type8.header-newskin .sticky-header .nav-sections { | |||
| 196 | position: absolute !important; | 196 | position: absolute !important; | |||
| 197 | top: 100% !important; | 197 | top: 100% !important; | |||
| 198 | } | 198 | } | |||
| 199 | .page-header.type8.header-newskin .nav-sections.visible { | 199 | .page-header.type8.header-newskin .nav-sections.visible { | |||
| 200 | visibility: visible; | 200 | visibility: visible; | |||
| 201 | opacity: 1; | 201 | opacity: 1; | |||
| 202 | } | 202 | } | |||
| 203 | header.page-header.type8.header-newskin .sticky-header .navigation li.level0>.level-top { | 203 | header.page-header.type8.header-newskin .sticky-header .navigation li.level0>.level-top { | |||
| 204 | padding: 6px 10px; | 204 | padding: 6px 10px; | |||
| 205 | } | 205 | } | |||
| 206 | header.page-header.type8.header-newskin .sticky-header .navigation {padding: 0;} | 206 | header.page-header.type8.header-newskin .sticky-header .navigation {padding: 0;} | |||
| 207 | .page-header.type8.header-newskin .navigation .level0 > .level-top { | 207 | .page-header.type8.header-newskin .navigation .level0 > .level-top { | |||
| 208 | padding: 4.3px 10px; | 208 | padding: 4.3px 10px; | |||
| 209 | font-family: 'Poppins'; | 209 | font-family: 'Poppins'; | |||
| 210 | font-size: 15px; | 210 | font-size: 15px; | |||
| 211 | } | 211 | } | |||
| 212 | .page-header.type8.header-newskin .navigation .level0:not(:first-child) > .level-top { | 212 | .page-header.type8.header-newskin .navigation .level0:not(:first-child) > .level-top { | |||
| 213 | border-top: #e6ebee solid 1px !important; | 213 | border-top: #e6ebee solid 1px !important; | |||
| 214 | } | 214 | } | |||
| 215 | .page-header.type8.header-newskin .drop-menu { | 215 | .page-header.type8.header-newskin .drop-menu { | |||
| 216 | min-width: 0; | 216 | min-width: 0; | |||
| 217 | width: 23%; | 217 | width: 23%; | |||
| 218 | padding: 0; | 218 | padding: 0; | |||
| 219 | } | 219 | } | |||
| 220 | .page-header.type8.header-newskin .drop-menu>a { | 220 | .page-header.type8.header-newskin .drop-menu>a { | |||
| 221 | text-transform: uppercase; | 221 | text-transform: uppercase; | |||
| 222 | font-size: 14px; | 222 | font-size: 14px; | |||
| 223 | letter-spacing: 0.075em; | 223 | letter-spacing: 0.075em; | |||
| 224 | font-family: 'Oswald'; | 224 | font-family: 'Oswald'; | |||
| 225 | font-weight: 400; | 225 | font-weight: 400; | |||
| 226 | padding: 12px 26px; | 226 | padding: 12px 26px; | |||
| 227 | } | 227 | } | |||
| 228 | .page-header.type8.header-newskin .drop-menu>a:hover {background-color:#303030;} | 228 | .page-header.type8.header-newskin .drop-menu>a:hover {background-color:#303030;} | |||
| 229 | .page-header.type8.header-newskin .drop-menu>a em { | 229 | .page-header.type8.header-newskin .drop-menu>a em { | |||
| 230 | margin-right: 7px; | 230 | margin-right: 7px; | |||
| 231 | font-size: 18px; | 231 | font-size: 18px; | |||
| 232 | } | 232 | } | |||
| 233 | .page-header.type8.header-newskin .drop-menu .nav-sections { | 233 | .page-header.type8.header-newskin .drop-menu .nav-sections { | |||
| 234 | border: #e6ebee solid 1px; | 234 | border: #e6ebee solid 1px; | |||
| 235 | box-shadow: none; | 235 | box-shadow: none; | |||
| 236 | padding: 0 8px; | 236 | padding: 0 8px; | |||
| 237 | width: 100%; | 237 | width: 100%; | |||
| 238 | left: 0; | 238 | left: 0; | |||
| 239 | } | 239 | } | |||
| 240 | .cms-index-index .page-header.type8.header-newskin .drop-menu .nav-sections { | 240 | .cms-index-index .page-header.type8.header-newskin .drop-menu .nav-sections { | |||
| 241 | padding: 0 8px !important; | 241 | padding: 0 8px !important; | |||
| 242 | } | 242 | } | |||
| 243 | .page-header.type8.header-newskin .drop-menu+.custom-menu-block { | 243 | .page-header.type8.header-newskin .drop-menu+.custom-menu-block { | |||
| 244 | float: right; | 244 | float: right; | |||
| 245 | line-height: 43px; | 245 | line-height: 43px; | |||
| 246 | } | 246 | } | |||
| 247 | .page-header.type8.header-newskin .drop-menu+.custom-menu-block a { | 247 | .page-header.type8.header-newskin .drop-menu+.custom-menu-block a { | |||
| 248 | padding: 0 14px; | 248 | padding: 0 14px; | |||
| 249 | font-size: 13px; | 249 | font-size: 13px; | |||
| 250 | font-family: 'Poppins'; | 250 | font-family: 'Poppins'; | |||
| 251 | font-weight: 500; | 251 | font-weight: 500; | |||
| 252 | color: #465157; | 252 | color: #465157; | |||
| 253 | letter-spacing: 0.05em; | 253 | letter-spacing: 0.05em; | |||
| 254 | } | 254 | } | |||
| 255 | .page-header.type8.header-newskin.sticky-header .drop-menu+.custom-menu-block { | 255 | .page-header.type8.header-newskin.sticky-header .drop-menu+.custom-menu-block { | |||
| 256 | margin-right: 90px; | 256 | margin-right: 90px; | |||
| 257 | } | 257 | } | |||
| 258 | .page-header.type8.header-newskin.sticky-header .menu-container{position:fixed;width:100%;top:0;left:0;z-index:200;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.15)} | 258 | .page-header.type8.header-newskin.sticky-header .menu-container{position:fixed;width:100%;top:0;left:0;z-index:200;background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.15)} | |||
| 259 | .page-header.type8.header-newskin.sticky-header .menu-wrapper{position:relative} | 259 | .page-header.type8.header-newskin.sticky-header .menu-wrapper{position:relative} | |||
| 260 | .page-header.type8.header-newskin.sticky-header .navigation{padding:0} | 260 | .page-header.type8.header-newskin.sticky-header .navigation{padding:0} | |||
| 261 | .page-header.type8.header-newskin.sticky-header .navigation li.level0>.level-top{padding:0 5px;line-height:41px} | 261 | .page-header.type8.header-newskin.sticky-header .navigation li.level0>.level-top{padding:0 5px;line-height:41px} | |||
| 262 | .page-header.type8.header-newskin.sticky-header .navigation li.level0.parent>a:after{line-height:41px} | 262 | .page-header.type8.header-newskin.sticky-header .navigation li.level0.parent>a:after{line-height:41px} | |||
| 263 | .page-header.type8.header-newskin.sticky-header .navigation li.level0>a>span.cat-label{top:-1px} | 263 | .page-header.type8.header-newskin.sticky-header .navigation li.level0>a>span.cat-label{top:-1px} | |||
| 264 | .page-header.type8.header-newskin.sticky-header .sticky-logo{margin-left:15px} | 264 | .page-header.type8.header-newskin.sticky-header .sticky-logo{margin-left:15px} | |||
| 265 | .page-header.type8.header-newskin.sticky-header .sticky-logo .logo img{margin-top:5px;margin-right:0} | 265 | .page-header.type8.header-newskin.sticky-header .sticky-logo .logo img{margin-top:5px;margin-right:0} | |||
| 266 | .page-header.type8.header-newskin.sticky-header .nav-sections{position:absolute !important;top:100% !important;left:15px !important;width:100% !important;width:calc(100% - 30px) !important;box-shadow:0 0 20px rgba(0,0,0,0.4);padding:0 !important} | 266 | .page-header.type8.header-newskin.sticky-header .nav-sections{position:absolute !important;top:100% !important;left:15px !important;width:100% !important;width:calc(100% - 30px) !important;box-shadow:0 0 20px rgba(0,0,0,0.4);padding:0 !important} | |||
| 267 | .page-header.type8.header-newskin.sticky-header .minicart-wrapper .action.showcart:before,.page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart.active:before{color:#000} | 267 | .page-header.type8.header-newskin.sticky-header .minicart-wrapper .action.showcart:before,.page-header.type8.sticky-header:not(.header-newskin) .minicart-wrapper .action.showcart.active:before{color:#000} | |||
| 268 | .page-header.type8.header-newskin.sticky-header .minicart-wrapper .action.showcart .counter.qty{color:#fff} | 268 | .page-header.type8.header-newskin.sticky-header .minicart-wrapper .action.showcart .counter.qty{color:#fff} | |||
| 269 | } | 269 | } | |||
| 270 | @media (min-width: 992px) { | 270 | @media (min-width: 992px) { | |||
| 271 | .page-header.type8.header-newskin .header.content { | 271 | .page-header.type8.header-newskin .header.content { | |||
| 272 | max-width: 930px; | 272 | max-width: 930px; | |||
| 273 | } | 273 | } | |||
| 274 | } | 274 | } | |||
| 275 | @media (min-width: 1200px) { | 275 | @media (min-width: 1200px) { | |||
| 276 | .page-header.type8.header-newskin .header.content { | 276 | .page-header.type8.header-newskin .header.content { | |||
| 277 | max-width: 1110px; | 277 | max-width: 1110px; | |||
| 278 | } | 278 | } | |||
| 279 | } | 279 | } | |||
| 280 | @media (max-width: 991px) { | 280 | @media (max-width: 991px) { | |||
| 281 | .page-header.type8.header-newskin .drop-menu { | 281 | .page-header.type8.header-newskin .drop-menu { | |||
| 282 | min-width: 260px; | 282 | min-width: 260px; | |||
| 283 | } | 283 | } | |||
| 284 | .page-header.type8.header-newskin .drop-menu+.custom-menu-block a { | 284 | .page-header.type8.header-newskin .drop-menu+.custom-menu-block a { | |||
| 285 | padding: 0 12px; | 285 | padding: 0 12px; | |||
| 286 | } | 286 | } | |||
| 287 | .page-header.type8.header-newskin .sticky-header .drop-menu+.custom-menu-block { | 287 | .page-header.type8.header-newskin .sticky-header .drop-menu+.custom-menu-block { | |||
| 288 | display: none; | 288 | display: none; | |||
| 289 | } | 289 | } | |||
| 290 | } | 290 | } | |||
| 291 | @media (max-width: 767px) { | 291 | @media (max-width: 767px) { | |||
| 292 | .page-header.type8.header-newskin {border: none;} | 292 | .page-header.type8.header-newskin {border: none;} | |||
| 293 | .page-header.type8.header-newskin .logo { | 293 | .page-header.type8.header-newskin .logo { | |||
| 294 | height: 40px; | 294 | height: 40px; | |||
| 295 | float: left; | 295 | float: left; | |||
| 296 | margin: 10px 0 10px; | 296 | margin: 10px 0 10px; | |||
| 297 | } | 297 | } | |||
| 298 | .page-header.type8.header-newskin .minicart-wrapper { | 298 | .page-header.type8.header-newskin .minicart-wrapper { | |||
| 299 | position: relative; | 299 | position: relative; | |||
| 300 | top: auto; | 300 | top: auto; | |||
| 301 | right: auto; | 301 | right: auto; | |||
| 302 | left: auto; | 302 | left: auto; | |||
| 303 | margin: 10px 0; | 303 | margin: 10px 0; | |||
| 304 | float: right; | 304 | float: right; | |||
| 305 | } | 305 | } | |||
| 306 | .page-header.type8.header-newskin .block-search { | 306 | .page-header.type8.header-newskin .block-search { | |||
| 307 | float: none; | 307 | float: none; | |||
| 308 | margin-bottom: 0; | 308 | margin-bottom: 0; | |||
| 309 | } | 309 | } | |||
| 310 | .page-header.type8.header-newskin .block-search .label { | 310 | .page-header.type8.header-newskin .block-search .label { | |||
| 311 | float: right; | 311 | float: right; | |||
| 312 | margin: 8px 0; | 312 | margin: 8px 0; | |||
| 313 | line-height: 40px; | 313 | line-height: 40px; | |||
| 314 | margin-right: 10px; | 314 | margin-right: 10px; | |||
| 315 | } | 315 | } | |||
| 316 | .page-header.type8.header-newskin .custom-block { | 316 | .page-header.type8.header-newskin .custom-block { | |||
| 317 | display: none; | 317 | display: none; | |||
| 318 | } | 318 | } | |||
| 319 | .page-header.type8.header-newskin .custom-menu-block, .page-header.type8.header-newskin .drop-menu>a { | 319 | .page-header.type8.header-newskin .custom-menu-block, .page-header.type8.header-newskin .drop-menu>a { | |||
| 320 | display: none; | 320 | display: none; | |||
| 321 | } | 321 | } | |||
| 322 | .page-header.type8.header-newskin .nav-toggle:before, .page-header.type8.header-newskin .block-search .label:before { | 322 | .page-header.type8.header-newskin .nav-toggle:before, .page-header.type8.header-newskin .block-search .label:before { | |||
| 323 | color: #fff; | 323 | color: #fff; | |||
| 324 | padding-left: 1px; | 324 | padding-left: 1px; | |||
| 325 | font-size: 18px; | 325 | font-size: 18px; | |||
| 326 | } | 326 | } | |||
| 327 | .page-header.type8.header-newskin .sw-megamenu.navigation.side-megamenu { | 327 | .page-header.type8.header-newskin .sw-megamenu.navigation.side-megamenu { | |||
| 328 | display: block; | 328 | display: block; | |||
| 329 | } | 329 | } | |||
| 330 | } | 330 | } | |||
| 331 | .page-header.type8 .search-category select { | 331 | .page-header.type8 .search-category select { | |||
| 332 | border-right: 0; | 332 | border-right: 0; | |||
| 333 | border-left-color: #eee; | 333 | border-left-color: #eee; | |||
| 334 | } | 334 | } | |||
| 335 | @media (max-width: 991px) and (min-width: 768px) { | 335 | @media (max-width: 991px) and (min-width: 768px) { | |||
| 336 | .page-header.type8.header-newskin .panel.header .switcher-language { | 336 | .page-header.type8.header-newskin .panel.header .switcher-language { | |||
| 337 | padding-right: 0; | 337 | padding-right: 0; | |||
| 338 | } | 338 | } | |||
| 339 | } | 339 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.